<!DOCTYPE html>

<html>
	<head>
                <meta charset="utf-8" />
		<title>Experiment</title>
		<link rel="stylesheet" href="/static/css/bootstrap.min.css" type="text/css" />
		<link rel="stylesheet" href="/static/css/style.css" type="text/css" />
		<script src="/static/lib/jquery-min.js" type="text/javascript"> </script>
	</head>
	<body>
		<div id="container-not-an-ad" class="media">
			<div class="media-left pull-left" href="#">
						<!-- REPLACE THE LOGO HERE WITH YOUR  UNIVERSITY, LAB, or COMPANY -->
						<img id="adlogo" src="/static/images/university.png" alt="Lab Logo" />
			</div>
			<div class="media-body">
				<h1>Welcome to psiTurk!</h1>
				<hr />
			    <div class="alert alert-warning">
					Begin by viewing the <a href="#" id="ad-href">ad</a>.
					<script type="text/javascript">
					function makeid()
					{
						var text = "";
						var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";

						for( var i=0; i < 5; i++ )
							text += possible.charAt(Math.floor(Math.random() * possible.length));

						return text;
					}

					var assignmentId = "debug" + makeid();
					var hitId = "debug" + makeid();
					var workerId = "debug" + makeid();
					var href = "/ad?assignmentId=" + assignmentId + "&hitId=" + hitId + "&workerId=" + workerId + "&mode=debug"

					$("#ad-href").attr("href", href);
					</script>
				</div>
			</div>
		</div>
	</body>
</html>
